/*用户的登录和注册盒子*/

$box_color: #fff; //盒字背景颜色
$zt_size: 12px; //字体大小
/*遮罩层*/
.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0.3;
    z-index: 100;
    display: none;
}
/*登录盒子和注册盒子*/
.login_box,
.registry_box {
    width: 450px;
    position: fixed;
    left: 50%;
    top: 150px;
    margin-left: -225px;
    background-color: $box_color;
    z-index: 1000;
    font-size: $zt_size;
    border-radius: 5px;
    display: none;

    //关闭按钮
    .log_close,
    .reg_close {
        position: absolute;
        top: 20px;
        right: 20px;
        color: #d2d0d0;
        cursor: pointer;
    }
    form {
        width: 330px;
        margin: 0 auto;
    }
    h2 {
        color: #36b447;
        height: 80px;
        line-height: 80px;
        text-align: center;
        font-size: 20px;
    }
    p {
        position: relative;
        margin-bottom: 20px;
        i {
            color: #000;
        }
    }
    //输入框
    .import,
    .reg_submit,
    .log_btn {
        width: 320px;
        height: 40px;
        outline-color: #36b447;
        text-indent: 10px;
    }
    //提交按钮
    .reg_submit,
    .log_btn {
        background-color: #36b447;
        border: 0;
        width: 330px;
        border-radius: 5px;
        cursor: pointer;
        font-size: 18px;
        color: #fff;
    }

    //提示字
    .hint {
        display: block;
        height: 20px;
        line-height: 20px;
    }
}
//复选框
.user_deal {
    input {
        width: 13px;
        height: 13px;
    }
}

// 注册盒子
.registry_box {
    .iconfont {
        color: #ccc;
        position: absolute;
        display: block;
        width: 40px;
        height: 42px;
        line-height: 42px;
        text-align: center;
        top: 0;
        left: 0;
    }
    .reg_close {
        top: 15px;
        left: 400px;
    }
    .reg_tel,
    .reg_pass,
    .reg_repass {
        text-indent: 30px;
    }
}

//登陆盒子
.login_box {
    .fast_reg,
    .find_pass {
        font-size: 14px;
        color: #6f6f6f;
    }
    .find_pass {
        float: right;
    }
    .fast_reg,
    .find_pass {
        color: #6f6f6f;
        font-size: 14px;
    }
    .fast_reg:hover,
    .find_pass:hover {
        color: #36b447;
    }
}
